---
title: TairoSidebarLayout
components:
  - TairoSidebarLayout
  - TairoLogo
description: The sidebar layout is a double sided navigation layout. It has a sidebar with a list of menu links and a subsidebar with a list of submenu links.
icon:
  src: /img/illustrations/components/sidebar-icon.svg
  srcDark: /img/illustrations/components/sidebar-icon.svg
---

::doc-component-demo
---
title: Sidebar layout
demo: '#examples/tairo/layout.vue'
---
The sidebar layout is a double sided navigation layout. It has a sidebar with a list of menu links and a subsidebar with a list of submenu links. If you feel the sidebar has too many items for your app, you can use a smaller option that is the :doc-linker{to="TairoCollapseLayout"}.
::

:doc-component-meta{name="TairoSidebarLayout"}

